/*閫氱敤鏍峰紡 http://lvyou.baidu.com/user/ff83431514337fdeb1188261*/
.bgf{background:#fff;padding:10px;overflow: hidden;}
.bg{background:#292828}
.bg2{background:url(../../resources/images/bg2.jpg)}
/*.bg2{background:#eff3f5}
*/
.bg3{background:radial-gradient( circle,#292828 36%,#eff3f5 92%)}
.bg5{background:#292828}
.bg5:hover{background:#54504C;color:#fff}
.bradius{border-radius:50%;border:2px solid #fff;cursor:pointer;}
.w1180{width:1180px;margin:20px auto 0;}
.w820{width:820px;}
.w280{width:280px;}
.cl:after{clear:both;}
.cl:before,.cl:after{content:" ";display:table;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.empty{text-align:center;padding:140px;font-size:32px;color:#757A84;display:block;border:2px dashed #fff;margin-bottom:20px;}
.button{background-image:linear-gradient(rgba(255,255,255,0.6),rgba(0,0,0,0.6));padding:9px 30px;margin-right:5px;color:white;font-size:12px;font-weight:bold;border-radius:4px;}
.iconfont{padding-right:6px;}
.shonum{position:absolute;background:#272525;top:8px;height:15px;line-height:15px;padding:2px;right:12px;border-radius:5px;color:#fff;}
/*鎺ㄨ崘*/
.tjbox li.items{width:280px;height:300px;float:left;margin-right:20px;margin-bottom:20px;color:#54504C;position:relative;}
.tjbox li.items:nth-child(4n){margin-right:0}
/*li鐨勬偓娴眰*/
.tjbox li.items:before{content:"";opacity:0;position:absolute;z-index:1;top:-16px;right:-16px;left:-14px;bottom:0px;background-color:#fff;box-shadow:0 0 1em #ccc;transition:opacity 0.6s ease;}
.tjbox li.items:hover:before{opacity:1;transition:opacity 0.6s ease;background:radial-gradient(circle,#f9f9f9,#fff);}
.tjbox li.items:hover span{color:#333}
.tjbox li.items:hover *{color:#333}
.tjbox li.items img{transition:1s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s;}
.tjbox li.items:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);}
.tjbox li.items .cover{overflow:hidden;position:relative;z-index:2}
.tjbox li.items .cover .img{transition:transform 0.6s ease;}
.tjbox li.items:hover .img{transform:scaleX(1.06);transition:transform 0.6s ease;}
.tjbox li.items .cover{position:relative;z-index:2}
.tjbox li.items h3.title{padding:8px 0;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/*鐪佺暐鍙�/
font-size:14px;font-weight:400;}
.tjbox li.items .info span.m{background:#C0D0DA;font-size:12px;padding:2px 8px;border-radius:5px;color:#f9f9f9}
.tjbox li.items .info span.h{padding:0 2px;font-size:12px}
.tjbox li.items p.pic{padding-top:5px}
.tjbox li.items .l-buys{padding:10px 24px;background:#00994D;position:absolute;top:84px;left:80px;color:#fff;border-radius:5px;display:none;box-shadow:0 0 1em #101417;z-index:5}
.tjbox li.items .hpic{width:20px;height:20px;border-radius:50%;vertical-align:bottom;padding-right:5px;}
.tjbox li.items:hover .l-buys{display:block;}
.tjbox .items .ctip{position:absolute;transform:scale(0);top:0;left:0;width:240px;height:176px;background:rgba(0,0,0,0.5);color:#EBEFEC;padding:20px;font-size:14px;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;z-index:3;}
.tjbox .items:hover .ctip{transform:scale(1);border-radius:0;}
/*澶撮儴*/
.headerwrap{height:69px;width:100%;z-index:10;position:relative;}
.header{height:69px;box-shadow:0 1px 1px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.08);width:100%;position:fixed;top:0px;z-index:11}
.header .container{width:1180px;margin:0 auto;}
/*logo鐨勮缃�/
.logo{color:#FFF;font-size:2.2em;font-family:'pbfont';text-shadow:0px 1px 5px #635E5E;-webkit-text-shadow:0px 1px 5px #635E5E;-moz-text-shadow:0px 1px 5px #635E5E;-o-text-shadow:0px 1px 5px #635E5E;padding-top:17px;position:relative;}
.logo span.lg{position:relative;z-index:2;letter-spacing:-0.05em;display:inline-block;width:142px;}
.logo span.lt{width:160px;font-size:12px;display:inline-block;letter-spacing:13px;color:#fff;font-family:"寰蒋闆呴粦";position:relative;top:-2px;}
.logo label{display:inline-block;]}
.logo i{position:absolute;top:12px;left:55px;z-index:1;font-size:40px;color:#009688;}
.logo label:nth-child(1){font-size:1.6em;}
.logo label:nth-child(2){color:#4CAF50;transform:rotate(-3deg);}
.logo label:nth-child(3){color:#FFEB3B;transform:rotate(-5deg);}
.logo label:nth-child(4){color:#6AD1FF;transform:rotate(3deg);}
.logo label:nth-child(5){color:#F44336;transform:rotate(-5deg);}
/*logo缁撴潫*/



.navigation{margin:0;padding:0;float:right;position:relative;list-style-type:none;font-weight:600;}
.nav-list-item{position:relative;display:block;float:right;height:67px;width:60px;text-align:center;z-index:30;line-height:67px;top:4px;}
.nav-list-item:hover{background:#eff3f5;}
.nav-list-item:hover a{color:#54504C;}
.nav-list-item a.rm{position:absolute;top:21px;right:-2px;display:none;}
.nav-list-item a .iconfont{padding-right:4px;transition:transform 1s ease;transform:translateY(4px);display: inline-block;}
.nav-list-item a:hover .iconfont{transform:translateY(0)}



.uc_nav{width:200px;height:100%;}
.uc_nav ul{margin-top:64px;}
.uc_nav li a{color:#b4b6bd;display:block;padding:12px 20px;text-align:center;}
.uc_nav li a.on,.uc_nav li a:hover{background:#292828;color:#fff;}
.uc_nav li a i{padding-right:16px;}
.uc_logout{position:absolute;left:0;bottom:12px;display:block;width:100%;text-align:center;height:36px;line-height:36px;color:#B4B6BD;}
.uc_logout:hover{background:#333438;color:#fff}

.navigation .nav-list-item.nb:hover{background:none}
.navigation .nav-list-item.nb:hover *{color:#e5e5e5}
/* .nav-link{display:block;line-height:68px;color:#fff;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;font-weight:400}
.nav-link .fa{font-size:16px;padding-right:6px;} */
.nav-list-item a .iconfont:hover{color:#54504C}
.nav-list-item a.user-card-item{display:block;height:69px;line-height:69px;}
.nav-list-item a.user-card-item img{border-radius:50%;border:1px solid #fff}
.navigation a{position:relative;z-index:2;font-size:12px;}
.navigation .showpan{position:absolute;top:0;left:155px;width:100%;height:100%;background:#333;display:block;z-index:1}
.navigation-left .nav-list-item{float:none;-webkit-box-shadow:none;box-shadow:none;margin-top:8px;}
.navigation-left .nav-list-item a:hover{color:#f9f9f9}
.navigation .nav-list-item.nb{border:none;width:155px}
#audio_btn{position:absolute;right:40px;top:35px;z-index:4;width:30px;height:30px;background-repeat:no-repeat;}
.nav-list-item:hover .son{display:block;}
.nav-list-item:hover a.rm{display:block;}
.son{position:absolute;background:#eff3f5;left:-62px;top:67px;font-size:12px;width:120px;display:none;z-index:70;overflow:hidden;border:1px solid #e5e5e5;border-top:none;}
.son .sonA a{border-bottom:1px solid #EFF3F5;}
.son li{line-height:30px;border-bottom:1px solid #EFF3F5;cursor:default;overflow:hidden;}
.son li:hover{background:#f9f9f9;}
.son li .iconfont{position:relative;left:-10px;}
.son li .iconfont.icon-message{color:#54504C;left:17px;top:3px;}
.son li a.msg,.son li a.uinfo{color:#333;padding:0 10px;border-bottom:none;}
.rNum{float:right;cursor:pointer}
.son li a.msg,.son li a.uinfo{font-size:14px;line-height:42px;font-weight:bold;text-align:center;padding:0 0 0 10px;}
#messagelist li{line-height:16px;}
#messagelist li div{padding-top:5px;}
#messagelist li a.msg{font-size:12px;font-weight:normal;text-align:left;border-bottom:0px;padding-left:28px;}
#messagelist li p{color:#54504C;text-align:left;padding:8px 20px 8px 48px;word-break:break-all;text-align:justify;}
#messagelist li a{line-height:24px;}
#messagelist li a.md{display:none;}
#messagelist li:hover a{display:inline-block;}
#messagelist li.mempty{height:60px;line-height:60px;color:#54504C;}
#messagelist li.mempty a{color:#62c189}
.son li:last-child{border-bottom:0}
#studylist li a{text-align:left;padding:4px 0px 4px 6px;border-bottom:0px;}
#studylist li span{padding-right:5px;vertical-align:middle;padding-top:6px;}
#studylist li.mempty{height:60px;line-height:60px;color:#54504C;}
#studylist li.mempty a{color:#62c189}
#studylist li .iconfont{left:0}
;/*澶撮儴涓昏*/
.wrap-main{-webkit-box-shadow:0 1px 0 rgba(255,255,255,.08),inset 0 1px 1px rgba(0,0,0,.08),inset 0 -1px 1px rgba(0,0,0,.08);box-shadow:0 1px 0 rgba(255,255,255,.08),inset 0 1px 1px rgba(0,0,0,.08),inset 0 -1px 1px rgba(0,0,0,.08);margin-top:45px;text-shadow:-1px 0px #54504C,0px 1px #54504C,1px 0px #ccc,0 1px #ccc}
.wrap-main .container{width:1020px;margin:0 auto;position:relative;}
.wrap-main .container .register-bumper{padding:72px 0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/*瀵艰埅鏍�/
.sub-header{background:#fff;padding:20px 0}
.sub-header .sub-header-title{padding-left:20px;font-size:16px;color:#292828;font-weight:700}
.sub-header .iconfont{padding-right:10px;}
/*渚ц竟鏍�/
.off{background-image:url(../../images/play.svg);background-size:contain;background-repeat:no-repeat;}
.k_sliderbox{position:fixed;width:200px;height:100%;top:0;left:-200px;z-index:101;display:none;padding-top:57px;}
.push_button{width:16px;height:16px;padding:16px;cursor:pointer;position:fixed;top:72px;left:12px;z-index:102;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s;transition:transform .5s}
.push_button.active{-webkit-transform:translateX(240px);-ms-transform:translateX(240px);transform:translateX(240px);left:10px;}
.push_button li{width:100%;height:2px;background:#FFF;margin:0 auto;border-radius:2px}
.push_button .navi-one{margin-top:6px;-webkit-transform:translate(0,-200%);-ms-transform:translate(0,-200%);transform:translate(0,-200%);-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s}
.navi-one.active{transform:translateY(2px)rotate(45deg);-moz-transform:translateY(2px)rotate(45deg);-webkit-transform:translateY(2px)rotate(45deg);-ms-transform:translateY(2px)rotate(45deg)}
.navi-two{transition:opacity .2s .3s,width .2s .3s;-webkit-transition:opacity .2s .3s,width .2s .3s;-moz-transition:opacity .2s .3s,width .2s .3s;-ms-transition:opacity .2s .3s,width .2s .3s}
.navi-two.active{width:0;opacity:0}
.navi-three{transition:transform .3s .3s;-webkit-transition:-webkit-transform .3s .3s;-ms-transition:transform .3s .3s;-moz-transition:transform .3s .3s;transform:translate(0,200%);-moz-transform:translate(0,200%);-webkit-transform:translate(0,200%);-ms-transform:translate(0,200%)}
.navi-three.active{transform:translateY(-2px)rotate(-45deg);-moz-transform:translateY(-2px)rotate(-45deg);-webkit-transform:translateY(-2px)rotate(-45deg);-ms-transform:translateY(-2px)rotate(-45deg)}
.padd{top:140px;}
.padd .navi-addf{position:absolute;top:24px;width:17px;}
.padd .navi-addo{position:absolute;top:16px;width:2px;height:17px;left:23px;}
/*banner鍥鹃泦*/
.bannerbox{position:relative;}
.bannerbox{border-bottom:1px solid #fff;position:relative;}
#charbox{text-align:center;font-size:36px;font-weight:700;color:#fff;position:absolute;top:10%;left:10%;z-index:2;height:80%;width:80%;overflow:hidden}
#charbox span{display:inline-block;padding:16px 0;}
.bannerbox .web-tip{line-height:32px;}
/*鑳屾櫙棰滆壊*/
 .bg-blue{background-color:#3498db!important;}
.bg-purple{background-color:#9b59b6!important;}
.bg-red{background-color:#e74c3c!important;}
.newbox{background:#fff;padding-bottom:20px}
.newbox .tip_head{height:45px;line-height:45px;background:#EFF3F5;margin-bottom:20px;color:#54504C;padding-left:20px}
.newbox .tip_head .ut{font-size:20px;color:#6D6666}
.newbox .tip_head .ut i{font-size:24px;color:#6D6666}
.newbox .tip_head .sm{font-size:12px;}
.keke-tit{height:42px;line-height:42px;background:#eff3f5;}
.keke-tit a{float:left;height:40px;margin-right:25px;padding:0 20px;font-size:14px;color:#7c7c7c;line-height:40px;text-align:center;transition:all 0s;}
.keke-tit a:hover{color:#3498db;}
.keke-tit a.on{border-radius:20px;font-weight:bold;color:#6D6666;}
.keke-tit2{font-size:14px;color:#54504C;height:40px;line-height:40px;margin:28px 0 10px;}
/*鏂囩珷鍒楄〃*/
 .keke-article-list{width:100%;}
/*.keke-article-list .ptbw{border-top:1px solid #e0e7eb;}
*/
 .keke-article-list li{padding:20px 0;border-bottom:1px solid #e0e7eb;}
.keke-article-list .cover{float:left;display:block;width:160px;height:120px;}
.keke-article-list .cover img{transition:1s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s;}
.keke-article-list .cover:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);}
.keke-article-info{position:relative;float:left;width:640px;margin-left:20px;}
.keke-article-info h1{margin:2px 0;}
.keke-article-info h1 a{float:left;display:block;max-width:450px;font-size:18px;padding-top:5px;}
.keke-article-info .tag{float:left;height:25px;margin:1px 5px 1px 0;padding:0 10px;font-size:12px;color:#fff;border-radius:2px;line-height:25px;}
.keke-article-info p{min-height:44px;overflow:hidden;margin-top:5px;color:#7f8c8d;}
.keke-article-info .avatar img{width:20px;height:20px;}
.keke-article-info .avatar .name{padding:0 15px;vertical-align:middle;font-size:12px;color:#394a58;font-weight:bold;line-height:21px;}
.keke-article-info .avatar .name:after{content:"";float:right;height:14px;margin:3px 20px 3px 0;border-right:1px solid #e0e7eb;}
.keke-article-info .data{position:absolute;top:5px;right:0;color:#bdbdbd;}
.keke-article-info .data i{color:#bdbdbd;font-size:14px;}
/*渚ф爮鎷涜仒鍒楄〃*/
 .keke-tit-aside{height:40px;margin-bottom:17px;font-size:14px;color:#6D6666;line-height:40px;background:#eff3f5;padding-left:20px;font-weight:bold;}
.keke-aside-list li a{display:block;width:280px;height:32px;font-size:14px;}
.msg span{margin-right:10px;}
.msg span i{font-size:18px;color:#9aabb8;margin-right:5px;}
.msg span em{font-size:14px;color:#9aabb8;}
.coursebox{background:#fff;}
.coursebox .text-c{font-size:30px;text-align:center;padding:20px 0 30px;color:#6D6666}
.coursebox .text-c i{font-size:30px;}
.keke-pic-list{margin-right:-22px}
.keke-pic-list li{float:left;width:272px;height:280px;margin-right:22px;position:relative;margin-bottom:20px;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:200;perspective:200;transform-origin:10px 10px;}
.keke-pic-list .ctip{position:absolute;transform:scale(0) rotateZ(0deg);top:0;width:100%;height:230px;background:rgba(0,0,0,0.5);color:#EBEFEC;padding:20px;font-size:14px;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;z-index:5;opacity:0}
.keke-pic-list li:hover .ctip{transform:scale(1) rotateZ(360deg);border-radius:0;opacity:1;}
.keke-pic-list li .picbox{overflow:hidden;border:solid 2px #f1f1f1;}
.keke-pic-list li .picbox,.keke-pic-list li img{display:block;width:286px;height:236px;}
.keke-pic-list li img{transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.keke-pic-list li:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);}
.keke-pic-list li .textbox{display:block;margin-top:10px;font-size:16px;}
.keke-pic-list li .pic-id{display:none;background-color:rgba(0,0,0,0.3);color:#fff;font-size:14px;padding:3px 5px;border-radius:3px}
.keke-pic-list li .pic-id a{color:#fff}
.keke-pic-list li.hover .pic-id{display:inline-block;position:absolute;top:2px;right:2px;z-index:9}
/*鎺ㄨ崘浣滆�*/
.keke-design-box{background:#fff;text-align:center;padding-bottom:40px;}
.keke-dtit{height:42px;line-height:42px;background:#eff3f5;font-size:30px;color:#6D6666;padding-bottom:16px;}
.keke-design li{border-bottom:1px solid #f3f3f3;position:relative;height:60px;padding:40px 78px 20px 0px;float:left;}
.keke-design li a{display:block;overflow:hidden;border-radius:50%;}
.keke-design li img{border-radius:50%;transition:1s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s;}
.keke-design li:hover img{transform:scale(0.9);-webkit-transform:scale(0.9);}
.keke-design li .pRight{margin-left:76px;color:#54504C}
.keke-design a.apBtn{position:absolute;right:10px;top:10px}

/* login鐧婚檰妗�*/
.sousk{margin:200px auto 50px;width:600px;position:relative;}
.sousk input{width:580px;height:40px;line-height:40px;border:1px solid #fff;color:#fff;padding-left:20px;border-radius:5px;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000',endColorstr='#33000000');}
.btn-sou{width:40px;height:38px;background:#e2e2e2;display:block;line-height:38px;font-size:18px;position:absolute;top:2px;right:0px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
.btn-sou:hover{background:#fff;}
.login{width:378px;margin:10% auto;border-radius:5px;}
.zhuce{color:#54504C;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000',endColorstr='#99000000');text-align:center;}
.zhuce:hover{color:#fff;}
.dengl-cont{height:200px;padding:40px 48px;}
.dengl-cont a{color:#fff;}
.dengl-cont a.send{color:#333;}
.zhmmk{position:relative;}
.zhmmk .codeimg{position:absolute;right:3px;top:3px}
.zhmmk input{width:265px;height:40px;line-height:40px;padding-left:15px;color:#54504C}
.zhmmk input:focus{box-shadow:inset 0 0 0.1em #e5e5e5}
.dl-ts{width:80px;height:40px;line-height:40px;color:#262626;text-align:right;font-size:16px;display:inline-block;float:left;}
.zcmmk input{margin-bottom:10px;}
.zhmmk .send{position:absolute;top:13px;right:7px;}
.login-xxts{height:30px;padding-left:10px;line-height:20px;color:#C59E9E;font-size:12px;}
.btn-login{width:282px;height:40px;line-height:40px;background:#080101;display:block;font-size:16px;color:#fff;border-radius:5px;text-align:center;transition:all 0.3s ease;}
.btn-login:hover{background:#6AD1FF;transition:all 0.3s ease;}
/*鐧婚檰寮圭獥*/
#loginbox{background:rgba(41,40,40,0.96);width:340px;margin:10% auto;overflow:hidden;position:fixed;top:50%;left:50%;z-index:102;margin-left:-170px;margin-top:-206px;}
#loginbox .lde{position:absolute;right:15px;top:15px;font-size:16px;color:#fff;z-index:2;display:none;}
#loginbox:hover .lde{display:block;}
#loginbox .yyt{position:absolute;font-size:98px;top:114px;color:#5F6B65;left:216px;}
#loginbox .yyt2{font-size:128px;top:232px;left:84px;}
#loginbox .dlogin{margin-top:45px;}
#loginbox .dlo{height:200px;padding:20px 29px 68px;}
#loginbox .dlo a{color:#fff;}
#loginbox .dlo a.send{color:#333;}
#loginbox .zhp{position:relative;}
#loginbox .zhp .codeimg{position:absolute;right:3px;top:3px}
#loginbox .zhp input{width:265px;height:40px;line-height:40px;padding-left:15px;color:#54504C}
#loginbox .zhp input:focus{box-shadow:inset 0 0 0.1em #e5e5e5}
#loginbox .zhp .send{position:absolute;top:13px;right:7px;}
#loginbox .blogin{width:282px;height:40px;line-height:40px;background:#080101;display:block;font-size:16px;color:#fff;text-align:center;transition:all 0.3s ease;}
#loginbox .blogin:hover{background:#6AD1FF;transition:all 0.3s ease;}
/* 閿欒鎻愮ず */
#loginbox .errtips{height:65px;background:#080101;text-align:center;font-size:12px;line-height:65px;color:#fff;position:absolute;top:0px;left:0px;width:100%;z-index:1;display:none;}
#loginbox .errtips .iconfont{color:#fff;padding-right:10px;}
#loginbox .clog{padding:27px 57px;}
#loginbox .fmtt{margin-top:-1px;}
#loginbox .tz_login{margin-top:16px}
/* 閿欒鎻愮ず */
#particles-js{position:absolute;z-index:-1px;top:0;left:0px;}
.error_tips{height:65px;background:#080101;text-align:center;font-size:12px;line-height:65px;color:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:1}
.error_tips .iconfont{color:#fff;padding-right:10px;}
.c_logo{padding:28px 112px;}
.fmt{margin-top:-1px;}
.loginbg{background-size:cover;position:absolute;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;}
/*鐧婚檰閫�嚭*/
.logoutover{width:460px;margin:-100px auto 0 -230px;height:100px;text-align:center;position:absolute;top:50%;left:50%;}
.logoutover h3{font-size:26px;color:#fff;}
.logoutover p{margin-top:30px;}
.logoutover p .bb{padding:8px 36px;color:#fff;border-radius:5px;margin-right:5px;}
/* 璐墿杞�*/
#shopcar{position:relative;}
.shopitmes{border-radius:50%;width:60px;height:60px;z-index:120}
.shopitmes img{max-width:100%;border-radius:50%;}
/*鍐呭璇︽儏椤甸潰*/
.fixed{position:fixed;}
.cont_left{width:940px;background:#fff;box-shadow:0 0 12px #cecece}
.cont_right{width:220px;}
.cont_head,.cont_details,.comment_cont{padding:20px;}
.cont_head,.cont_details{background:#fff;border-bottom:1px solid #F5EEEE;font-size:14px;line-height:26px;position:relative;color:#54504C}
.cont_head .tiphot{position:absolute;right:-11px;top:30px;font-size:96px;color:#6D6666;}
.cont_head .hotnum{font-size:28px;position:absolute;right:36px;font-weight:700;color:#6D6666;top:36px;}
.cont_head .hotnum .iconfont{font-size:28px;position:relative;top:-3px}
.conte_title{height:56px;font-weight:600;line-height:56px;font-size:20px;}
.Classification{line-height:26px;}
.Classification span{margin-right:10px;color:#6D6666;font-size:14px;font-weight:700}
.Classification span.on{color:#423A39}
.Classification span.tage{padding:6px;height:20px;font-size:14px;color:#6D6666;line-height:20px;background-color:#DFE5E9;border-radius:2px;float:right;font-weight:700}
.Classification span a{color:#6D6666;}
.Classification span a:hover,.single_name a:hover{text-decoration:underline;}
.Classification span.Operation i{margin-left:5px;color:#6D6666;font-size:16px;}
.comment_box{padding:36px 20px;}
.share_box{color:#6D6666;text-align:center;}
.share_box ul li{float:left;margin:9px 7px;}
.share_box ul li a .iconfont{font-size:32px;color:#6D6666}
.praise{margin-left:20px;}
.praise a{display:block;background:#76887F;border-radius:30px;color:#fff;padding:16px 30px;text-align:center;}
.praise a:hover{background:#6D6666}
.praise a:hover .iconfont{color:#fff}
.collect_box{color:#6D6666}
.collect_box a{margin-top:10px;display:block;width:120px;height:38px;font-size:14px;color:#6D6666;line-height:38px;text-align:center;border-radius:20px;border:1px solid #6D6666;transition:all 0.2s ease-in-out 0s;}
.collect_box a:hover{color:#6D6666;border-color:#6D6666;}
.login_hint{width:100%;padding:36px 20px;background-color:#FFF7E7;box-sizing:border-box;}
.login_hint p{float:left;font-size:14px;color:#6B3612;line-height:40px;}
.login_hint a{display:inline-block;float:right;width:100px;padding:10px 0;line-height:20px;border-radius:2px;letter-spacing:1px;text-align:center;white-space:nowrap;vertical-align:middle;}
.primary_btn{color:#FFF;background-color:#6D6666;}
.nature_btn{color:#2C3E50;background-color:transparent;}
.single_comment{margin-bottom:10px;padding:10px;border-bottom:1px solid #ECECEC;}
.single_comment:hover{background:#EAEAEA;}
.single_comment:hover *{color:#333}
.single_img{display:block;width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:20px;}
/* .single_cont{width:750px;color:#34495E} */
.single_name{color:#54504C;}
.single_name a{color:#54504C;font-weight:bold;}
.single_name i{font-size:12px;margin-left:20px;}
.yijian{color:#54504C;font-size:14px;line-height:1.6em;padding-top:6px;}
.yijian img{padding-right:2px;padding-left:2px;}
.yijian a{color:#6D6666;}
.yijian a:hover{font-weight:700}
.huifu a{display:inline-block;margin-top:5px;width:60px;color:#fff;font-size:12px;height:30px;line-height:30px;}
.huifu a:hover{color:#6D6666;}
.personals{background:#fff;padding-top:20px;text-align:center;border:1px solid #F5EEEE;position:relative;box-shadow:0 0 12px #cecece}
.personals:hover{background:#6D6666;}
.personals:hover a.tusername{color:#fff}
.personals:hover p.zbd_introduce{color:#fff}
.personals .usinfo{position:relative;}
.personals .usinfo .msg{position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-16px;transition:transform 1s ease;color:#fff;opacity:0}
.personals:hover .msg.mm{transform:translateY(165px);opacity:1}
.personals:hover .msg.mm .iconfont{font-size:18px;}
.user_img{display:inline-block;border-radius:50%;overflow:hidden;margin-bottom:10px;}
.add_tb{font-size:24px;display:inline-block;background:#6D6666;color:#fff;width:30px;height:30px;border-radius:50%;line-height:25px;text-align:center;position:absolute;bottom:64px;left:40px;}
.add_tb.on{background:#6D6666;}
.add_tb.b2{left:150px;}
.pmsg{position:relative;top:30px;left:2px;}
.pmsg .iconfont{font-size:24px;}
.attention_box a{border-top:1px solid #F5EEEE;margin-top:20px;background:#FFFFFF;}
.attention_box a,.praise_box a{display:block;float:left;width:108px;height:56px;padding-top:20px;text-align:center;border-right:1px solid #F5EEEE;}
.attention_box a.guanz{border-top:1px solid #F5EEEE;border-right:none;}
.attention_box a.on,.praise_box a.on,.praise a.on{background:#6D6666;color:#fff}
.attention_box a.on *,.praise_box a.on *{color:#fff}
.praise_box a.df{cursor:default;}
.praise_box a{background:#fff;}
.praise_box a.collencts{width:217px;border-top:1px solid #F5EEEE}
}
.attention_box a i,.praise_box a i{color:#ACBBC6;}
.attention_box a b,.praise_box a b{color:#6D6666;font-weight:700;font-size:18px;padding-top:6px;position:relative;top:10px;}
.attention_box a:hover,.praise_box a:hover{background:#101010;}
.attention_box a:hover *,.praise_box a:hover *{color:#fff;}
.praise_box{border:1px solid #F5EEEE;margin-top:10px;box-shadow:0 0 12px #cecece}

.comment-form{margin:20px;position:relative;}
.comment-form .reply_info{padding:10px 0px;color:#6d6d6d}
.comment-form textarea{width:100%;height:115px;padding:18px;color:#6d6d6d;margin:0;font-size:14px;border:1px solid #e4e9ed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.comment-form textarea:focus{border:1px solid #3da2e3;}
.comment-warn{position:absolute;right:15px;bottom:62px;font-size:12px;color:#bdc3c7;}
.comment-warn span{color:#f39c12;font-weight:bold;}
.comment-tip{margin-right:15px;font-size:14px;color:#bdc3c7;line-height:40px;}
/* .comment-form .btn{border-radius:5px;width:146px;height:40px;line-height:40px;margin-top:10px;}
.comment-form .btn:hover{background:#6D6666}
.comment-form .btn:hover .iconfont{color:#fff} */
.comment-form-inner{margin:20px -70px 0 0;}
.zbd_introduce{font-size:13px;color:#54504C;width:180px;overflow-y:hidden;overflow-x:hidden;padding:16px 20px 30px 20px;text-overflow:ellipsis;white-space:nowrap;}
.zbd_introduce a:hover{color:#b4bbc0;}
.codesee{text-align:center;}
.codesee a{display:block;background:#E2170C;padding:20px 0;font-size:14px;color:#fff}
#bqbox{width:396px;background:#6D6666;height:132px;position:absolute;top:0;left:0;z-index:100;display:none;}
#bqbox li{float:left;margin:5px;border:1px solid #8DC3A9;}
#bqbox .sjicon{overflow:hidden;width:0;height:0;display:block;border-top:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #6D6666;border-left:6px solid transparent;position:absolute;top:-12px;left:19px;}
#bqbox li:hover{background:#111}
#codebox{position:relative;top:12px;right:5px;display:none;}
#codebox .cinp{width:48px;height:34px;text-align:center;font-size:14px;}
/*楠岃瘉鐮�/
 .comment-code{width:148px;height:40px;overflow:hidden;}
/*.comment-code img{width:100%;height:100%;}
*/
 .comment-code-input{width:100px;height:28px;margin-left:15px;margin-right:10px;border:1px solid #ccc;padding:5px 10px;font-size:14px;}
.comment-code-input:focus{border-color:#3da2e3;}
/* .comment-more{padding:80px 0;background:#fff;border-top:1px solid #DEE2E4;text-align:center;font-size:16px;}
.comment-more a{padding:15px 60px;border:1px solid #f6f9fa;border-radius:20px;}
.comment-more a:hover{background:#6D6666;color:#fff;} */
/*娣诲姞椤甸潰*/
.fwrap,#footer{margin-top:58px;}
.fwrap{width:660px;color:#54504C;float:left;}
.fwrap li{float:left;margin-left:10px;}
.fwrap .addfilebox{margin-top:-15px;}
.fwrap .addfilebox .filebox{width:516px;height:140px;margin:26px auto;border:2px dotted #dbd5d5;text-align:center;background-size:cover;background:#fff;background-repeat:no-repeat;background-position:center;}
.fwrap .addfilebox .filebox img{margin:35px auto 12px auto}
.fwrap .addfilebox .filebox p{font-size:12px;}
.fwrap .addfilebox .filebox:hover{background-color:#f3f2f2;cursor:pointer}
.fwrap .formbox{margin-top:10px;width:670px;margin:10px auto 0 auto;}
/* .input-title,.input-desc{height:40px;margin-bottom:10px;}
.input-desc{margin-bottom:79px;}
.title_share_span{width:71px;height:40px;line-height:40px;text-align:right;float:left;}
.formbox input,.formbox textarea{width:496px;border:1px solid #dbd5d5;padding-left:12px;padding-right:12px;font-size:14px;}
.formbox input{height:38px;}
.formbox textarea{max-width:572px;min-height:78px;padding-top:10px;padding-bottom:10px;line-height:20px;resize:none;} */
.addtag-title{position:relative;width:600px;height:40px;margin:0 auto;font-size:14px;line-height:14px;}
#tag_box{width:600px;padding-top:10px;padding-bottom:43px;margin-left:70px;}
#common_tag{width:600px;overflow:hidden;}
.tags-col{float:left;margin-right:48px;font-size:14px;text-align:center;margin-top:20px;}
.tags-col b{display:block;width:96px;padding-bottom:10px;border-bottom:1px dotted #b2aeae;font-weight:bold;font-size:16px;}
.tags-col span{display:block;width:96px;margin-top:10px;cursor:pointer;padding:5px 0;color:#fff;}
.upload-confirm{text-align:center;margin-top:60px;}
.upload-confirm input{width:115px;height:40px;margin-bottom:60px;border-radius:2px;font-size:16px;cursor:pointer;}
#album_submit,#edit_submit{margin-right:20px;border:1px solid #414141;background-color:#414141;}
#album_submit:hover,#edit_submit:hover{background-color:#ff475c;}
#album_cancel,#edit_cancel{border:1px solid #d3d2d2;background-color:#fff;}
#album_cancel:hover,#edit_cancel:hover{background-color:#f3f2f2;}
.pic_delete{position:absolute;top:10px;right:10px;cursor:pointer;display:none;}
.swfupload{position:relative;top:-120px;}
.editorbox{margin-left:660px;padding:10px;border-top:1px solid #54504C;}
@media screen and (max-width:1100px){.cont_right{display:none}
.cont_left{width:1000px;clear:both;float:none;margin:0 auto;}
}
/* 缂栬緫鍣�*/
#container{position:fixed;top:0px;left:0px;width:100%;height:100%;}
.breadcrumb{overflow:hidden;border-bottom:2px solid #6D6666;counter-reset:flag;position:relative;}
.breadcrumb a{text-decoration:none;outline:none;display:block;font-size:12px;line-height:36px;color:#fff;padding:0 10px 0 56px;background:#152429;position:relative;background:linear-gradient(#152429,#212B38);float:left;}
.breadcrumb a:after{content:"";width:36px;height:36px;position:absolute;top:0;right:-18px;z-index:1;background:#152429;background:linear-gradient(135deg,#152429,#212B38);box-shadow:2px -2px 0 2px rgba(0,0,0,0.4),3px -3px 0 2px rgba(255,255,255,0.1);border-radius:0 5px 0 50px;transform:scale(0.7) rotate(45deg)}
.breadcrumb a:before{content:counter(flag);counter-increment:flag;border-radius:100%;width:20px;height:20px;line-height:20px;margin:8px 0;position:absolute;top:0;left:30px;background:#444;background:linear-gradient(#444,#222);font-weight:bold;text-align:center;}
.breadcrumb a.active,.breadcrumb a:hover{background:#6D6666;background:linear-gradient(#6D6666,#000);}
.breadcrumb a.active:after,.breadcrumb a:hover:after{background:#6D6666;background:linear-gradient(135deg,#6D6666,#000);}
#container .c_right{width:36%;height:100%;background:#152429;float:left}
#container .c_left{width:64%;height:100%;background:#6D6666;float:right;text-align:center;position:relative;z-index:8}
#preview{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:0 5px 5px 0;z-index:1;}
.item-tag-cloud{margin-top:0px;border-bottom:1px solid #F5EEEE;padding:10px 0 10px 20px}
.tag{max-width:115px;display:inline-block;position:relative;border:1px solid #6D6666;font-weight:500;font-size:.789em;text-align:left;text-transform:capitalize;line-height:18px;text-overflow:ellipsis;white-space:nowrap;border-radius:2px;background-clip:padding-box;}
.tag-small{height:17px;margin:5px 4px 0 8px;padding:0 10px;}
.tag-small:before{content:"";display:block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #6D6666;position:absolute;top:0;left:-9px;}
.tag-wrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:#6D6666}
.tag-small:after{content:"";display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;position:absolute;top:1px;left:-8px;}
.tag-small .tag-wrap:after{content:"";display:block;width:4px;height:4px;background:#6D6666;position:absolute;top:6px;left:0;border:1px solid #dfdfdf;border-radius:3px;background-clip:padding-box;}
.tag-small.in-chart{margin:5px 35px 0 8px;}
.tag-wrap:hover{color:#333;}
/*娑堟伅妗�/
#message_box{width:542px;height:302px;position:fixed;top:50%;left:50%;margin-left:-280px;margin-top:-moz-calc(0% - 150px);margin-top:-webkit-calc(0% - 150px);margin-top:calc(0% - 150px);background:rgba(0,0,0,0.3);box-shadow:0 0 21px rgba(0,0,0,0.3);z-index:102}
#message_box .yt{position:absolute;top:28px;right:68px;font-size:70px;color:#F6F9F7;z-index:0;}
#message_box .yb{position:absolute;top:229px;left:68px;font-size:100px;color:#F6F9F7;z-index:0;}
.kcom-box{width:780px;height:400px;margin:10px 10px;background-color:#FFF;padding:20px;border:#f1f1f1 solid 1px;}
.kpr-box{width:542px;height:302px;}
.kp-box{width:480px;height:240px;}
.kp-box .kp-infobox h2{display:block;font-size:14px;height:30px;line-height:30px;margin-bottom:10px;color:#b8c4ce;}
.kp-box .kp-infobox h2 span{font-size:14px;margin:0 5px;}
.kp-box .kp-text{width:460px;height:120px;padding:10px;font-size:14px;color:#6d6d6d;background-color:#eff4f5;border:none;margin:0;font-family:inherit;}
.kp-box .kp-box-submit{margin-top:20px;text-align:right;}
.mr20{margin-right:20px;}
.ksbtn{min-width:80px;height:40px;background-color:#6D6666;color:#fff;font-size:14px;cursor:pointer;line-height:40px;border:none;border-radius:2px;font-family:inherit;}
.ksbtn:hover{background-color:#2D7351;transition:all 0.4s ease-in-out 0s;}
.kmini-btn{min-width:80px;height:40px;background-color:#3A4852;color:#fff;font-size:14px;cursor:pointer;line-height:40px;border:none;border-radius:2px;font-family:inherit;}
.kmini-btn:hover{background-color:#2D7351;transition:all 0.4s ease-in-out 0s;}
#playwrap{position:relative;background-size:contain;background-position:center;margin-top:1px;}
#playwrap .pover{position:absolute;left:0;top:0;width:100%;height:100%;background:#141414;z-index:2;opacity:0.62}
#playwrap .video_play{height:560px;width:1180px;position:relative;margin:0 auto;z-index:4}
#playbox{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3;}
.right_desc{height:613px;width:366px;position:absolute;right:0px;top:56px;z-index:4}
.rdexp{position:absolute;width:36px;height:52px;display:inline-block;top:16px;left:-41px;line-height:52px;text-align:center;padding-left:5px;color:#f3f3f3;opacity:0.62;background:#1D2320;z-index:2}
.rdexp:hover .iconfont{color:#f3f3f3}
#playwrap .tipbox{height:54px;line-height:54px;position:relative;z-index:3}
#playwrap .tipbox .container{width:1180px;margin:0 auto;}
#playwrap .tipbox h1{font-size:18px;color:#f3f3f3;font-weight:bold;max-width:640px;}
#playwrap .tipbox .oth{padding-left:12px}
#playwrap .tipbox .oth li{float:left;color:#f3f3f3;}
#playwrap .tipbox .oth li a{color:#f3f3f3;padding:0 12px;display:block;height:52px;}
#playwrap .tipbox .oth li a:hover{background:#333030;}
#playwrap .tipbox .oth li a .iconfont{font-size:18px;}
.section-box{width:366px;height:611px;margin:15px auto;color:#f3f3f3;overflow:hidden;}
.section-box h3{color:#f3f3f3;font-size:16px;padding:16px 10px;font-weight:600;line-height:16px;}
.section-box ul{position:relative;z-index:2;}
.section-box .overl{position:absolute;top:16px;left:0;width:100%;height:100%;opacity:0.72;z-index:1;background:#1D2320}
.section-box ul.sec-main{margin-top:1px}
.section-box ul li .tit{font-size:14px;margin-left:0;padding:12px;background:#333}
.section-box ul.sec-c{display:none;}
.section-box ul.sec-c li{line-height:22px;margin-top:2px;}
.section-box ul.sec-c li.on,.section-box ul.sec-c li:hover{background:#45AF7A}
.section-box ul li em.icon-play{font-size:22px;}
.section-box ul li em.icon-time{font-size:14px;}
.section-box ul li em.icon-wait{font-size:16px;position:relative;left:1px;}
.section-box ul li a{color:#f3f3f3;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:250px;padding-left:14px;}
.section-box ul li i{float:right}
.pc_author{height:120px;width:1180px;margin:10px auto}
.pc_content{width:1180px;margin:10px auto;}
/*浣滆�鍖哄煙*/
.pc_author{overflow:hidden;background:#fff}
.pc_author .aubox{width:240px;display:block;height:120px;overflow:hidden;float:left;margin-left:10px;}
.pc_author .aubox2{width:200px;display:block;height:120px;overflow:hidden;float:left;margin-left:10px;}
.pc_author .secbox{width:720px;height:120px;float:left;}
.pc_author .secbox p{color:#54504C;margin:20px 20px 0;line-height:20px;text-align:justify;}
.pc_author .secbox em{font-size:14px;font-weight:bold;}
.pc_author .au{width:80px;height:80px;border-radius:50%;margin:20px 0 0 20px;float:left}
.pc_author .tbox{width:160px;height:60px;margin:36px 0px 0 110px}
.pc_author .tbox a{color:#54504C;font-size:13px;line-height:24px;display:block;}
.pc_author .tbox2{width:160px;height:60px;margin:36px 0px 0 10px}
.pc_author .tbox2 a{color:#54504C;font-size:13px;line-height:24px;display:block;}
/*涓嬭浇鍖哄煙 */
.pc_content .commbox{width:875px;min-height:600px;float:left;margin-bottom:120px;}
.loadmore{height:36px;text-align:center;line-height:36px;background:#fff;margin-top:24px;}
.loadmore a{display:block;font-size:14px;color:#333}
.pc_content .infobox{width:295px;background:#fff;float:right;margin-left:0px;padding-bottom:10px;}
.pc_content .infobox .resource_wrap{padding:0 0 0 10px;min-height:100px;}
.pc_content .infobox .resource_wrap li{line-height:32px;height:32px;width:100%;overflow:hidden;border-bottom:1px solid #f1f1f1;}
.pc_content .infobox .resource_wrap li:hover{background:#eee}
.pc_content .infobox .users_wrap{min-height:60px;}
.pc_content .infobox .users{margin:0 0 0 10px}
.pc_content .infobox h3{color:#54504C;padding:16px 10px 12px 10px;font-size:14px;font-weight:bold;width:260px;margin:0 auto 10px;border-bottom:1px solid #f1f1f1}
.pc_content .infobox .mate-avator{margin:1px;display:inline-block;}
.pc_content .infobox .mate-avator img{width:64px;height:64px;}
.pc_content .infobox .cfile a{color:#54504C}
.pc_content .tarea{width:851px;height:84px;display:block;border:0px;outline:none;resize:none;overflow:auto;font-family:inherit;padding:12px;background:#fff}
.pc_content .sendbtn{margin-top:10px;width:100%;height:48px;border:0;color:#f9f9f9;background:#54504C;text-align:center;line-height:48px;}
.pc_content .sendbtn:hover{background:#6D6666}
.pc_content .comitems li{background:#FFFFFF;margin-top:10px;padding:10px;box-shadow:0 0 1em #DAD6D6}
.pc_content .comitems li.empty{min-height:600px;line-height:600px;border:2px dotted #e5e5e5;}
.pc_content .comitems li .lebox{width:140px;}
.pc_content .comitems li .time{width:80px;background:#1D2320;height:60px;text-align:center;color:#fff;margin-top:2px;}
.pc_content .comitems li .time .d{width:80px;display:inline-block;height:38px;line-height:38px;font-size:18px;font-weight:bold;}
.pc_content .comitems li .time .m{width:80px;display:inline-block;height:18px;line-height:18px;}
.pc_content .comitems li .user{margin-top:2px;}
.pc_content .comitems li .user img{width:60;height:60px;}
.pc_content .comitems li .cnt{margin-left:150px;line-height:23px;font-size:14px;text-align:justify;padding:0 16px;color:#54504C}
.pc_content .comitems li .uname{height:32px;background:#EFF3F5;width:100%;line-height:32px;text-align:center;}
.pc_content .comitems li .uname a{display:block;font-size:12px;}
.pc_content .comitems li .op{height:32px;width:100%;line-height:32px;}
.pc_content .comitems li .op a{font-size:12px;}
/*椋炶穬鐨勫瓧浣撳浘鏍�/
#iconbg{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;}
#iconbg span{background:transparent;text-align:center;line-height:140px;position:absolute;font-size:64px;color:#54504C;z-index:1}
/*娌℃湁鏁版嵁鐨勫浘鏍�/
.n-ficon{background-image:url('../../resources/images/not_found_sprite.png');display: inline-block;width:100px;height:100px;vertical-align:-16px;padding-right:12px;}
.n1{background-position:-28px 0 ;}
.n11,.n1:hover{background-position:-28px -100px ;}
.n2{background-position:-176px 0 ;}
.n22,.n2:hover{background-position:-176px -100px;}
.n3{background-position:-325px 0 ;}
.n33,.n3:hover{background-position:-325px -100px;}
.n4{background-position:-475px 0 ;}
.n44,.n4:hover{background-position:-475px -100px;}
.n5{background-position:-624px 0 ;}
.n55,.n5:hover{background-position:-624px -100px;}
